<template>
  <div id="app">
    <h1>消息提示框</h1>
    <button @click="onClick">点击弹出message</button>
    <!-- <Loading/> -->
    <!-- <Alert/> -->
  </div>
</template>

<script>
// import Loading from "./components/loading/Loading";
// import Alert from "./components/alert/Alert";
export default {
  name: 'App',
  components: {
    // Loading
    // Alert
  },
  data(){
    return{
    
    }
  },
  methods:{
    onClick(){
      this.$alert({
        title:"请输入密码",
        content:"请输入 6-18 位密码，以字母开头，包含数字特殊符号",
        confirm:()=>{
          console.log("22222确定")
        }
      });
      
      // let instance = this.$loading({
      //   title:"正在努力加载中...",
      //   confirm:()=>{
      //     console.log("确定按钮被点击")
      //   }
      // });

      // setTimeout(() => {
      //   instance.close();
      // }, 10000);
    }
  }
}
</script>

<style>
*{
  margin: 0px;
  padding: 0px;
}
</style>
